<template>
  <div class="col-md-8">
    <h3 class="reply">评论回复：</h3>
    <h2 style="display: none">暂无评论，点击左侧添加评论！！！</h2>
    <ul class="list-group">
      <!-- 单个评论 -->
      <CommentItem 
        v-for="(comment,index) in comments"
        :key="comment.id"
        :comment="comment"
        :delComment="delComment"
        :index="index"
      />

    </ul>
  </div>
</template>

<script>
import CommentItem from './components/CommentItem.vue'

export default {
    name:"CommentList",
    components:{
        CommentItem
    },
    props:{
      comments:{
        type:Array,
        required:true,
      },
      delComment:{
        type:Function,
        required:true,
      },
    }
}
</script>

<style>
.reply{
      margin-top: 0px;
}
</style>
